import React from 'react';
import Icon from '@/components/icon';
import css from './index.module.less';

function HeaderData(props:any) {
  // console.log('props', props);
  const { roomInfo } = props;
  const { user_count, like_count, fan_ticket } = roomInfo || {};
  return (
    <div className={css.hearder}>
      <div>
        <h1>{ user_count }</h1>
        <h2>
          <Icon type="icon-qiepian" style={{ fontSize: '20px', marginRight: '4px', color: '#fff' }} />
          用户数
        </h2>
      </div>
      <div>
        <h1>{like_count}</h1>
        <h2>
          <Icon type="icon-tianchongxing-" style={{ fontSize: '20px', marginRight: '4px', color: '#fff' }} />
          点赞数
        </h2>
      </div>
      <div>
        <h1>{fan_ticket}</h1>
        <h2>
          <Icon type="icon-shijian" style={{ fontSize: '20px', marginRight: '4px', color: '#fff' }} />
          粉丝互动数
        </h2>
      </div>
    </div>
  );
}
export default HeaderData;
